.code-contaner {
	position: relative;
	margin: 128rpx 40rpx 0 40rpx;
	padding: 98rpx 0 45rpx 0;
	background-color: #FFFFFF;
	border-radius: 20rpx;
	text-align: center;
	.code-logo {
		position: absolute;
		width: 128rpx;
		height: 128rpx;
		padding: 10rpx;
		left: 50%;
		margin-left: -64rpx;
		top: -64rpx;
	}
	.name {
		font-size: 36rpx;
		font-weight: bold;
	}
	.tip {
		color: #999999;
		text{
			margin: 0 6rpx;
			color: #0579FE;
		}
	}
	.reload-btn{
		margin-top: 24rpx;
		color: #6E6E6E;
	}
	.reload-icon {
		width: 30rpx;
		height: 30rpx;
		margin-right: 12rpx;
	} 
	
}

.code-img {
	width: 450rpx;
	height: 450rpx;
	margin:32rpx auto;
}
.info-box {
	background-color: #FFFFFF;
	margin: 32rpx 40rpx 32rpx 40rpx;
	padding: 10rpx 32rpx;
	background-color: #FFFFFF;
	border-radius: 20rpx;
	.info-item {
		height: 60rpx;
	}
	.label {
		width: 130rpx;
		color: #6E6E6E;
	}
}

.hiddenCanvas{
    position:fixed;
    left:1000px;
}

.mywzcard {
	margin: 30rpx;
	padding: 30rpx;
	.code-img {
		width: 490rpx;
		height: 490rpx;
		margin-bottom: 0;
	}
	.tip {
		height: 78rpx;
		color: #999999;
		font-size: 26rpx;
	}
}
.cardbox {
	position: relative;
	width: 630rpx;
	height: 400rpx;
	.time,
	.num{
		position: absolute;
		left: 296rpx;
		top: 270rpx;
		z-index: 100;
		color: #333333;
	}
	.num {
		top: 320rpx;
	}
	
}

.cardbox image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
}
.hr-box {
	position: absolute;
	left: -22rpx;
	right: -22rpx;
	top: 500rpx;
	z-index: 9;
	.circle {
		width: 44rpx;
		height: 44rpx;
		background-color:#f8f8f8;
		border-radius: 50%;
	}
	.hr {
		width: 646rpx;
		border-bottom: 2rpx dashed #e4e3e3;
	}
}